<template>
  <TbTitle title="公益慈善活动支出" />
  <el-table size="mini" :header-cell-style="{ background: '#f0f7fc', color: '#000' }" :data="tableData" border>
    <el-table-column type="index" align="center" width="70" label="序号">
    </el-table-column>
    <el-table-column prop="t1" align="center" label="年度\项目"> </el-table-column>
    <el-table-column prop="t2" align="center" label="上年末净资产(人民币元)">
    </el-table-column>
    <el-table-column prop="t3" align="center" label="公益慈善事业支出(人民币元)">
    </el-table-column>
    <el-table-column prop="t4" align="center" label="当年总支出(人民币元)"> </el-table-column>
    <el-table-column prop="t5" align="center" label="管理费用支出(人民币元)"> </el-table-column>
    <el-table-column prop="t6" align="center" label="公益慈善事业支出占上年末净资产的比例(%)"> </el-table-column>
    <el-table-column prop="t7" align="center" label="管理费支出占当年总支出的比例(%)"> </el-table-column>
  </el-table>
</template>

<script setup lang="ts">
import TbTitle from '@/views/yearCheck/components/TbTitle.vue'
import { ref, reactive } from 'vue'

const tableData = ref([
  {
    t1: '2016-05-03',
    t2: 'Tom',
    t3: 'No. 189, Grove St, Los Angeles',
    t4: 'No. 189',
    t5: 'No. 189, ',
    t6: 'No. 189,',
    t7: '189',
  },
  {
    t1: '2016-05-03',
    t2: 'Tom',
    t3: 'No. 189, Grove St, Los Angeles',
    t4: 'No. 189',
    t5: 'No. 189, ',
    t6: 'No. 189,',
    t7: '189',
  },
  {
    t1: '2016-05-03',
    t2: 'Tom',
    t3: 'No. 189, Grove St, Los Angeles',
    t4: 'No. 189',
    t5: 'No. 189, ',
    t6: 'No. 189,',
    t7: '189',
  },
])
</script>
<style lang="scss" scoped>
.msg-tip {
  padding: 20px 0;
  color: #000;

  font-family: '微软雅黑';
}

.member-num {
  .el-descriptions__label {
    width: 120px;
  }
}
</style>
